<template>
  <a-modal
    title="模板"
    width="650px"
    :visible="visible"
    :confirm-loading="confirmLoading"
    @ok="handleOk"
    @cancel="handleCancel"
    :maskClosable="false"
    centered
  >
    <div class="holder-modal">

    </div>
  </a-modal>
</template>

<script>
export default {
  data() {
    return {
      visible: true,
      confirmLoading: false,
      loading: false,
    };
  },
  methods: {
    open() {
      this.visible = true;
    },
    handleOk(e) {
      this.onSubmit();
    },
    handleCancel(e) {
      this.visible = false;
    },
    onSubmit() {
      console.log("this.certificate", this.form);
      this.$refs.ruleForm.validate((valid) => {
        if (valid) {
          // alert("submit!");
        } else {
          console.log("error submit!!");
          return false;
        }
      });
    },
  },
};
</script>

<style lang="less" scoped>
.holder-modal {
}
</style>